<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<!--头部-->
<div class="header">
    <!--有固定宽度的容器  为了防止 缩小页面的时候  布局混乱-->
    <div class="ke clear">
        <!--里面的所有元素 都是 依靠外面ke这个容器进行布局-->
        <div class="logo">
            <a href="#"></a>
        </div>
        <ul class="nav clear">
            <li class="xuan_zhong"><a href="#">首页</a></li>
            <li><a href="#">博雅游戏</a></li>
            <li><a href="#">博雅新闻</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">客服中心</a></li>
            <li><a href="#">投资者关系</a></li>
            <li><a href="#">校园大使</a></li>
        </ul>
        <div class="jia_ru"></div>
    </div>
</div>

<!--banner-->
<div class="banner"></div>

<!--内容-->
<div class="nei_rong"></div>

<!--底部-->
<div class="footer"></div>

</body>
</html>